<template>
    <div class="box">
        <div id="container" class="container"></div>
    </div>
</template>
<script>
import axios from "axios"
export default {
    data(){
        return{
            title:'设置公司地址'
        }
    },
    mounted(){
        this.$emit('toparent',this.title)


        var map = new AMap.Map('container', {
                // 是否使用高精度定位，默认：true
                enableHighAccuracy: true,
                zoom:12,//级别
                zoom:4,
                center: [113.65, 34.72],//中心点坐标
                pitch:75,
                viewMode:'3D',//使用3D视图
                // resizeEnable: true,
                resizeEnable: true,
            });
        AMap.plugin([
            'AMap.Geolocation',
        ], function(){
            map.addControl(new AMap.Geolocation());
        });
        // var map = new AMap.Map("container");
        var clickHandler = function(e) {
            alert('您在[ '+e.lnglat.getLng()+','+e.lnglat.getLat()+' ]的位置点击了地图！');
            };
            // 绑定事件
            map.on('click', clickHandler);
            // 解绑事件
            map.off('click', clickHandler);

            map.on('click', function(ev) {
                // 触发事件的对象
                var target = ev.target;
                
                // 触发事件的地理坐标，AMap.LngLat 类型
                var lnglat = ev.lnglat;
                
                // 触发事件的像素坐标，AMap.Pixel 类型
                var pixel = ev.pixel;
                
                // 触发事件类型
                var type = ev.type;
                });

             AMapUI.loadUI(['control/BasicControl'], function(BasicControl) {

                var zoomCtrl1 = new BasicControl.Zoom({
                        theme: 'dark'
                    }),
                    zoomCtrl2 = new BasicControl.Zoom({
                        position: 'br',
                        showZoomNum: true
                    });

                map.addControl(zoomCtrl2);
            });
        // ************************
     var infoWindow = new AMap.InfoWindow({ //创建信息窗体
        isCustom: true,  //使用自定义窗体
        content:'<div>信息窗体</div>', //信息窗体的内容可以是任意html片段
        offset: new AMap.Pixel(16, -45)
    });
    var onMarkerClick  =  function(e) {
        infoWindow.open(map, e.target.getPosition());//打开信息窗体
        //e.target就是被点击的Marker
    } 
    var marker = new AMap.Marker({
         position: [116.481181, 39.989792]
    })
    map.add(marker);
    marker.on('click',onMarkerClick);
    
     },
      methods:{
          onClickright(){
            this.$router.go(-1)//直接写的话会报没有引入路由的错,要加this.$
                },
      }
}
</script>
<style>
.box{margin-top:0rem}
#container{
    height:16.5rem;
}
</style>
